<!DOCTYPE html>
<html  class="no-js" lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">			
		<title>后台管理</title>	
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		
		<link rel="apple-touch-icon" href="apple-touch-icon.png">
		
		<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.css">
		<link rel="stylesheet" href="Ace_admin_1.3.4/css/font-awesome.css">
		<!--<link rel="stylesheet" href="../Ace_admin_1.3.4/css/ace-fonts.css">
		<link rel="stylesheet" href="../Ace_admin_1.3.4/css/ace.css" class="ace-main-stylesheet" id="main-ace-style">-->
		<link rel="stylesheet" href="css/ace.css"  >
		<link rel="stylesheet" href="css/index.css" />

		<link href="css/zhubao.css" rel="stylesheet" />
		
		<!--backgrid样式-->
		<!--<link rel="stylesheet" href="../bower_components/backgrid/lib/backgrid.css" />-->
		<link rel="stylesheet" href="../bower_components/backgrid-paginator/backgrid-paginator.css" />
		<link rel="stylesheet" href="../components/backgrid-button-cell/backgrid-button-cell.css" />
		
		<!--供应商管理样式-->
		<link href="css/supplier.css" rel="stylesheet" />
		<link href="css/supplier_products.css" rel="stylesheet" />		

		<link href="css/order_detail.css" rel="stylesheet" />	

		<!--<link href="css/userinfo.css" rel="stylesheet" />-->
		<link href="css/swiper.min.css" rel="stylesheet" />
		<!--<link rel="stylesheet" href="../bower_components/backgrid/lib/backgrid.css" />
        <link rel="stylesheet" href="../bower_components/backgrid-paginator/backgrid-paginator.css" />-->
        				
		<!--<script src="../Ace_admin_1.3.4/js/ace-extra.js"></script>-->
		
		<!--用于原型测试-->
		<script src="service/service.js"></script>
		<script src="service/supplier.js"></script>
		<script src="service/productDia.js"></script>
		<script src="service/productsDiaBulkcargo.js"></script>
				
	</head>
	<body class="no-skin">		
		<div class="navbar navbar-default">
			<div class="navbar-container" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only"Toggle sidebar></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand">
					<img class="logo" src="img/logo.png" />
					<small>后台管理</small>
				</a>
			</div>
			<div class="navbar-buttons navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="purple">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#">
							<i class="ace-icon fa fa-bell icon-animated-bell"></i>
							<span class="badge badge-important" id="orderTodoBadge" >1</span>
						</a>
						<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close" id="orderTodoDropdown"  >
													
						</ul>
					</li>
					<li class="light-blue">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
							<img class="nav-user-photo" src="img/user.jpg">
							<span class="user-info">
								<small>欢迎您，</small>
								谢灏文
							</span>
							<i class="ace-icon fa fa-caret-down"></i>
						</a>
						<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
<!--							<li>
								<a href="userinfo_detail.html">
									<i class="ace-icon fa fa-cog"></i>
									 设置
								</a>
							</li>
							<li>
								<a href="profile.html">
									<i class="ace-icon fa fa-user"></i>
									 资料
								</a>
							</li>
							<li class="divider">
								
							</li>-->
							<li>
								<a href="login.html">
									<i class="ace-icon fa fa-power-off"></i>
									退出
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		
		
		<div class="container-fluid main-container" id="main-container">
	      
	        <div class="sidebar responsive" data-sidebar="true" data-sidebar-scroll="true" data-sidebar-hover="true" >
	          <ul class="nav nav-sidebar nav-list">
	            <!--<li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>-->
	             <li class="active">
							<a href="#console" class="dropdown-toggle manager-item">
								<span class="menu-text">人事管理</span>
							</a>
						</li>
						<li>
							<a class="dropdown-toggle manager-item" href="#supplier">
								<span class="menu-text dropdown-toggle">供应商</span>							
							</a>
							<b class="arrow"></b>						
						</li>
					
						<!--店铺管理-->
						<!--<li>
							<a class="dropdown-toggle manager-item" href="#storemanagent">
								<span class="menu-text dropdown-toggle">代理商</span>
							</a>
							<b class="arrow"></b>
						</li>-->
						
						<!--订单统计-->
						<!--<li>
							<a class="dropdown-toggle manager-item" href="#orderStatistics">
								<span class="menu-text dropdown-toggle">订单统计</span>
							</a>
							<b class="arrow"></b>
						</li>-->
						
						<!--汇率设置-->
						<!--<li>
							<a class="dropdown-toggle manager-item" href="#exchangerate">
								<span class="menu-text dropdown-toggle">汇率设置</span>
							</a>
							<b class="arrow"></b>
						</li>-->

	           </ul>
	          
	        </div>
	        <div class="main-content">
	      
	        </div>
	      
	    </div>
	    <div class="footer"></div>
			
		<script src="js/jquery-1.8.2.min.js"></script>
		<!--<script src="../js/sha.js"></script>-->
		<script src="bootstrap-3.3.5-dist/js/bootstrap.js"></script>
		<script src="js/swiper.min.js"></script>
		<!--<script src="../Ace_admin_1.3.4/js/ace.js"></script>
		<script src="../Ace_admin_1.3.4/js/ace.sidebar.js"></script>
		<script src="../Ace_admin_1.3.4/js/ace.sidebar-scroll-1.js"></script>-->
			
		<!--<script src="../js/jquery.timer.js"></script>		-->
		<script data-main="service/main" src="js/require.js"></script>
		
		<script type="text/template" id="tpl-List">
			
				<li class="dropdown-header">
					<i class="ace-icon fa fa-exclamation-triangle" > 新消息<%= data.length %>条</i>
					
					<!--新订单提示音-->
					<audio id="sound_dingdong" src="../files/dingdong.mp3" autoplay></audio>
					
				</li>
				<li class="dropdown-content ace-scroll" style="position: relative;">
					<div class="scroll-track" style="display: none;">
						<div class="scroll-bar"></div>
					</div>
					<div class="scroll-content" style="max-height: 200px;">
							<ul class="dropdown-menu dropdown-navbar navbar-pink">
								 <%
							        _.each(data, function(item) {
							     %>
								<li>
									<a href="#order_detail" onclick="<%= item.orderNo %>">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
												  <%= item.orderTime %> <%= item.receiver %> <%= item.orderTotalAmount %>						
											</span>					
										</div>
									</a>
								</li>
								<% }); %>
								<!--<li>
									<a href="#">
										<div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
												  2016/04/25 金鑫珠宝 ￥30,000.00
											</span>
										</div>
									</a>
								</li>-->
							</ul>
					</div>
				</li>
				<li class="dropdown-footer">
						<!--<a href="#">See all notifications <i class="ace-icon fa fa-arrow-right"></i></a>-->
			   </li>			
		</script>
						
		<script type="text/javascript">
				
			/*如有新订单，每30秒新订单提示声音重复*/
			function startSound(){
				var timer;
				var timeout=30000;
				
				timer=$.timer(timeout,function(){
					$("#sound_dingdong")[0].play();
				});
			}
			
			//播放声音
			startSound();
			
		</script>
		
	</body>
</html>
